<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../..//layui/css/modules/laydate/default/laydate.css" />
		<script type="text/javascript" src="../../layui/lay/modules/jquery.js"></script>
		<script type="text/javascript" src="../../layui/lay/modules/laydate.js"></script>
		
	</head>
	<script type="text/javascript">
	$(document).ready(function(){
		$("#showdoc").mouseover(function(){
			alert();
		})
	</script>
	<body>
		<div class="wrap-container">
			<form class="layui-form" style="width: 90%;padding-top: 20px;" action='/com.lims/login'>
					<div class="panel contact-panel">
						<div class="panel-header" id="docid">sdfksj</div>
					</div>
					<div class="layui-form-item" >
						<label id="showdoc" class="layui-form-label"  >进入时间：</label>
						<div class="layui-input-block">
							<input  id="DateIn"  readonly="readonly"  type="text" name="intime" required lay-verify="required" placeholder="请选择进入时间" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label" >出去时间：</label>
						<div class="layui-input-block">
							<input  id="DateOut" readonly="readonly"   type="text" name="outtime" required lay-verify="required" placeholder="请选择出去时间" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">原因事由</label>
						<div class="layui-input-block">
							<textarea  required lay-verify="required" name="reson" placeholder="请输入原因事由" class="layui-textarea"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">外来人员：</label>
						<div class="layui-input-block">
							<input type="text" name="outside" required lay-verify="required" placeholder="请输入外来人员" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">陪同人员：</label>
						<div class="layui-input-block">
							<select name="escorted" lay-verify="required" lay-search>
								<option value="">请选择陪同人员</option>
								 <optgroup label="实验一部">
								 	<option value="李某">李某</option>
									<option value="张某">张某</option>
									<option value="龙某">龙某</option>
								 </optgroup>
								 <optgroup label="实验二部">
									<option value="张三">张三</option>
									<option value="李四">李四</option>
									<option value="王五">王五</option>
								 </optgroup>
							</select>
						</div>

					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">备注：</label>
						<div class="layui-input-block">
							<textarea name="commentbz" placeholder="请输入内容" class="layui-textarea"></textarea>
						</div>
					</div>

					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">立即提交</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</form>
		</div>

		<script src="../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script>
			//Demo
		
			layui.use(['form'], function() {
				var form = layui.form();
				form.render();
				//监听提交
				form.on('submit(formDemo)', function(data) {
					//layer.msg(JSON.stringify(data.field));
					//return false;
					return true;
					layer.msg('提交成功');
				});
			});
			laydate.render({
				  elem: '#DateIn',
				  type: 'datetime'
				})
			laydate.render({
					elem: '#DateOut',
					type: 'datetime',
				})
		</script>
	</body>

</html>